<!DOCTYPE html>
<html lang="en">
<head>
    <titleType style="display: none;">qyls</titleType>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta name="viewport" content="width=device-width,user-scalable=no, initial-scale=1">
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title>签约服务</title>
    <%- include('../../_global/baseLibs') %>
    <%- include('../../_global/rem') %>
    <!--<link rel="stylesheet"  href="/static/css/mycontract.css" />-->

    <style>
        #hasContract{
            line-height: normal;
            background-color: #F5F7FC;
            font-size: 16px;
        }
        #hasContract .title{
            border-bottom: 1px solid #DDDDDD;
            border-top: 1px solid #DDDDDD;
            background-color: white;
            height: .97rem;
            overflow: hidden;
        }
        #hasContract .title .left{
            line-height: .97rem;
            font-size: .32rem;
            margin-left: .3rem;
            float: left;
        }
        #hasContract .title  img{
            width: .16rem;
            margin-right: .29rem;
            float: right;
            margin-top: .31rem;

        }
        #hasContract .content{
            margin-top: .2rem;
            background-color: white;
        }
        #hasContract .content .title{
            line-height: .8rem;
            border-top: 1px solid #DCDCDC;
            border-bottom: 1px solid #DCDCDC;
            font-family: PingFangSC-Regular;
            font-size: .28rem;
            color: #ADADAD;
            letter-spacing: 0;
            padding-left: .3rem;
            height: .8rem;
        }
        #hasContract .content .doctor{
            overflow: hidden;
            padding: .3rem;

        }
        #hasContract .content .doctor img{
            float: left;
            margin-right: .3rem;
            height: .96rem;
            width: .96rem;
        }
        #hasContract .content .doctor span{
            font-size: .28rem;
            color: #333333;
            letter-spacing: 0;
            line-height: .28rem;
        }
        #hasContract .content .doctor docName{
            font-size: .36rem;
            color: #333333;
            letter-spacing: 0;
            line-height: .36rem;
            float: left;
        }
        #hasContract .content .doctor .right{
            float: left;
        }
        #hasContract .content .doctor div{
            font-size: 16px;
        }
        #hasContract .signDoc{
            padding: .3rem;
            overflow: hidden;
            border-bottom: 1px solid #DCDCDC;
        }
        #hasContract .signDoc img{
            margin-right: .3rem;
            height: .9rem;
            width: .9rem;
            float: left;
        }
        #hasContract .signDoc span{
            font-size: .33rem;
            line-height: .9rem;
            float: left;
        }
    </style>

</head>
<body id="hasContract">
<!--<header id="header" class="header-box grey fixed"  >-->
    <!--<div class="header-content">-->
        <!--<div class="left-tool">-->
            <!--<a class="back"><i class="iconfont icon-back"></i></a>-->
        <!--</div>-->
        <!--<div class="title">我的健康卡</div>-->
    <!--</div>-->
<!--</header>-->
<div class="title clickContract" >
    <div class="left">
        延伸处方
    </div>
    <img src="/static/images/arrow-left.png" alt="">
</div>
<div class="content">
    <div class="title">已签约家庭医生</div>
    <div class="doctor">
        <img src="/static/images/doctor_image.jpg" alt="">
        <div class="right">
            <div style="margin-bottom: .2rem">
               <span class="docName">韩夕</span>
                <span >副主任医师</span>
            </div>
            <div>
                <span>签约时间：2016-06-20</span>
            </div>
        </div>
    </div>
</div>
<div class="content">
    <div class="title">已签约医院</div>
    <div class="signDoc">
        <img src="/static/images/icon市级@2x.png" alt="">
        <span>复旦大学附属华山医院</span>
    </div>
    <div class="signDoc">
        <img src="/static/images/icon区级@3x.png" alt="">
        <span>普陀区中心医院</span>
    </div>
    <div class="signDoc">
        <img src="/static/images/icon社区@2x.png" alt="">
        <span>桃浦镇社区卫生服务中心</span>
    </div>
</div>
</body>
<script>
    var page_hasContract = (function($, page_hasContract) {

        var cfg_def = {

        }

        page_hasContract.init = function(cfg){
            $.extend(page_hasContract, cfg_def, cfg);
            $('.clickContract').click(function () {
                $.pageSwitch.goToUrl("familyDoc","hasPrescription");
            })
        }

        return page_hasContract;
    })(jQuery, {});
    
</script>
</html>